<!doctype html>
<meta charset="utf-8">

<style>
#float {
  float: left;
  height: 50px;
  width: 200px;
}

li {
  list-style-type: none;
}

.wrap {
  display: inline-block;
  position: relative;
}

.marker {
  position: absolute;
  right: 100%;
}
</style>

<div id="float">
</div>

<ul>
  <li><div class="wrap"><span class="marker">•&nbsp;</span>One</div></li>
  <li><div class="wrap"><span class="marker">•&nbsp;</span>Two</div></li>
  <li><div class="wrap"><span class="marker">•&nbsp;</span>Three</div></li>
  <li><div class="wrap"><span class="marker">•&nbsp;</span>Four</div></li>
  <li><div class="wrap"><span class="marker">•&nbsp;</span>Five</div></li>
</ul>
